<%@page import="metroJson.metroSelect"%>
<%@page import="metroJson.metroJson"%>
<%@page import="com.google.gson.Gson"%>
<%@page import="java.io.InputStream"%>
<%@page import="study.itwill.common.HttpHandler"%>
<%@page import="metroJson.metroJsonItem"%>
<%@page import="java.util.ArrayList"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ page trimDirectiveWhitespaces="true"%>


<!DOCTYPE html>

<html lang="ko">
<head>
<meta charset="UTF-8" />
<meta name="viewport"
	content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>여기에 제목을 입력하세요.</title>
<!--모바일 웹 페이지 설정 -->
<link rel="shortcut icon" href="assets/ico/favicon.png" />
<link rel="apple-touch-icon-precomposed"
	href="assets/ico/apple-touch-icon-57-precomposed.png" />
<link rel="apple-touch-icon-precomposed" sizes="72x72"
	href="assets/ico/apple-touch-icon-72-precomposed.png" />
<link rel="apple-touch-icon-precomposed" sizes="114x114"
	href="assets/ico/apple-touch-icon-114-precomposed.png" />
<link rel="apple-touch-icon-precomposed" sizes="144x144"
	href="assets/ico/apple-touch-icon-144-precomposed.png" />
	
<!-- bootstrap -->
<link rel="stylesheet" type="text/css"href="assets/css/bootstrap.min.css" />
<!--나눔고딕 웹 폰트 적용 -->
<link rel="stylesheet" type="text/css" href="assets/css/nanumfont.css" />
<!-- jquery plugin -->
<link rel="stylesheet" type="text/css" href="assets/css/lightbox.css" />


<!--반응형 웹을 지원하지 않을 경우 -->
<!-- <link rel="stylesheet" href="assets/css/nonresponsive.css" /> -->
<!--IE8 이하 버전 지원 -->
<!--[if lt IE 9]>
		<script type="text/javascript" src="assets/js/html5shiv.js"></script>
		<script type="text/javascript" src="assets/js/respond.min.js"></script>
		<![endif]-->
<!-- IE10 반응형 웹 버그 보완 -->
<!--[if gt IE 9]>
		<link rel="stylesheet" type="text/css" href="assets/css/ie10.css" />
		<script type="text/javascript" src="assets/js/ie10.js"></script>
		<![endif]-->
</head>
<style type="text/css">

.main-menu {
margin-top: 50px;


}

ol, ul {
	list-style: none;
}

.gallery li {
				display: inline-block;
				width: 200px;
				height: 120px;
				padding: 0 10px;
			}
			
			.gallery li img {
				width: 100%;
				height: 100%;
				border: 0;
			}


</style>


<body>
	<!-- 메뉴바 -->
	<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
		<div class="container">
			<!-- 로고 -->
			<div class="navbar-header">
				<a class="navbar-brand" href="#"><strong>Arrayazum</strong></a>
				<!-- 반응형 메뉴 구현 기능 추가 -->
				<button type="button" class="navbar-toggle" data-toggle="collapse"
					data-target=".navbar-collapse">
					<span class="sr-only">메뉴열기</span> <span class="icon-bar"></span> <span
						class="icon-bar"></span> <span class="icon-bar"></span>
				</button>
				<!--반응형 메뉴 구현 기능 추가 끝 -->
			</div>
			<!-- 메뉴 항목 -->
			<div class="collapse navbar-collapse">
				<ul class="nav navbar-nav">
					<!-- 여기가 드롭다운 입니다. 앞에서 이미 소개를 많이 한 내용입니다. -->
					<li class="menu1"><a href="#menu1" class="menu">회원관리 </a></li>
					<li class="menu2"><a href="#menu2" class="menu">분류관리 </a></li>
					<li class="menu3"><a href="#menu3" class="menu">상품관리 </a></li>
					<li class="menu4"><a href="#menu4" class="menu">장바구니 관리 </a></li>
					<li class="menu5"><a href="#menu5" class="menu">게시판 </a></li>

				</ul>

			</div>

		</div>
	</nav>

	<div class="main-menu">
	<div id="menu1">
	
	
	메뉴1 끝
	
	</div>
	<div id="menu2">
	
	메뉴2 끝
	
	</div>
	<div id="menu3">
	
	
	메뉴3 끝
	</div>
	<div id="menu4">
	<ul class="gallery">
				<li><a href="assets/img/main.jpg" data-lightbox="roadtrip" title="메인페이지">
					<img src="assets/img/main_thumb.jpg" />
				</a></li>
				<li><a href="assets/img/search_result.jpg" data-lightbox="roadtrip" title="경로검색">
					<img src="assets/img/search_result_thumb.jpg" />
				</a></li>
				<li><a href="assets/img/alarm1.jpg" data-lightbox="roadtrip" title="알람">
					<img src="assets/img/alarm1_thumb.jpg" />
				</a></li>
			</ul>
	
	메뉴 4 끝
	</div>
	<div id="menu5">
	
	메뉴 5끝
	</div>
	
	
	
	
	
	</div>
	<!--Javascript -->
	<script type="text/javascript" src="assets/js/lightbox-2.6.min.js"></script>
<script type="text/javascript" src="assets/js/jquery-1.10.2.min.js"></script>
	<script src="assets/js/jquery.js"></script>
	<script src="assets/js/bootstrap.min.js"></script>
</body>
</html>
